<template>
    <div>
        <ul>
            <li>
                <span>姓名</span><span>{{ userInfo.name }}</span>
            </li>
            <li>
                <span>联系电话</span><span>{{ userInfo.phone }}</span>
            </li>
        </ul>
        <ul>
            <li>
                <span>性别</span><span>{{ userInfo.sex }}</span>
            </li>
            <li>
                <span>年薪</span><span>{{ userInfo.year_salary }}</span>
            </li>
            <li>
                <span>月薪</span><span>{{ userInfo.month_salary }}</span>
            </li>
            <li>
                <span>个人简介</span><span>{{ userInfo.remark }}</span>
            </li>
        </ul>
    </div>
</template>

<script>
import { UserInfoApi } from '@/request/api';

export default {
    data() {
        return {
            userInfo: {},
        };
    },
    created() {
        UserInfoApi().then((res) => {
            this.userInfo = res.data;
        });
    },
};
</script>

<style lang="less" scoped>
ul {
    border: 0.01rem solid #e5e5e5;
    background-color: #fff;
    margin: 0.2rem 0;
    li {
        width: 100%;
        padding: 0.3rem 0.2rem;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        color: #333;
        span {
            &:last-child {
                color: #999999;
            }
        }
    }
}
</style>
